@import './../../../../scss/image';
@import './../../../../scss/colors.scss';

$header-height: 100px;
$black-color: rgba($color: #333, $alpha: 1.0);
$pure-black-color:  rgba($color: #000, $alpha: 1.0);
$pure-whilte-color:  rgba($color: #FFF, $alpha: 1.0);
$button-position-y: 512px;
$button-login-position-x: 715px;
$button-register-position-x: 281px + $button-login-position-x;

nz-layout {
    nz-header {
        height: $header-height;
        .header {
            margin: 0 auto;
            width: 1098px;
            height: $header-height;
            display: flex;
            justify-content:center;
            align-items:Center;

            a[nz-dropdown], .link-warper > a {
                color:  $black-color;
            }

            .link-warper {
                margin: {
                    right: 35px;
                }
           }

           .language {
               width: 80px;
           }

        }
    }

    nz-content {
        width: 100%;
        height: calc(100vh - 100px);
        min-height: 980px;

        .button {
            width: 209px;
            height: 48px;

            border: {
                color: $pure-black-color;
                width: 1px;
                style: solid;
            }

            background: {
                color:transparent;
            }
            color: $pure-black-color;

            opacity: 1;
            font-size: 20px;
            font-family: Hiragino Sans GB;             
            letter-spacing: 0px;
        }

        .button-login {
            position: absolute;
            left: $button-login-position-x;
            top: $button-position-y;
            background: {
                color: $pure-black-color;
            }
            color: $pure-whilte-color;
        }

        .button-register {
            position: absolute;
            left: $button-register-position-x;
            top: $button-position-y;
        }
    }
}
 